import { Result,Button } from "antd"
import { useNavigate } from "react-router-dom"

import "./index.less"
export default function ErrorPages(){
  const navigate = useNavigate()
  const backHome = ()=>{
    navigate("/home")
  }
  return (
    <div className='error-page'>
      <Result 
        status={'404'}
        title={'404'}
        subTitle="未找到您想要的页面"
        extra={<Button type="primary" onClick={backHome}>返回首页</Button>}>
      </Result>
    </div>

  )
}